<link rel="stylesheet" type="text/css" href="./css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/header.css" />

<!-- 头部 -->
<header>
	<div class="header-first">
		<!-- 头部版心 -->
		<div class="header-action">
			<!-- 头部版心顶部 -->
			<div class="header-top">
				<!-- 头部版心顶部左边logo -->
				<div class="header-logo-left">
					<!-- 俩个logo -->
					<a href="" title="穿越火线商城官网"><img src="img/首页-穿越火线周边商城/logo-cf-up.png"></a>
					<a href="" class="header-logo2"><img src="./img/首页-穿越火线周边商城/ico-comm5.png"></a>
				</div>
				<!-- 头部版心中间搜索框 -->
				<div class="header-second ">
					<div class="header-search-mid">
						<a href="" class="header-search1 "></a>
						<input type="text" placeholder="请输入想要的宝贝" />
					</div>
					<!-- 头部注册登录 -->
					<div class="header-rigth-ld">
						<p></p>
						<span class="dl" id="wwwe">立即登录</span>
					</div>
					<!-- 头部购物车 -->
					<div class="header-rigth-gwc">
						<a href="">
							<p></p>
						</a>
						<a href="gwc.html"><span>购物车</span></a>
					</div>
				</div>
			</div>

		</div>
		<!-- 头部版心底部 -->
		<div class="header-bottom">
			<div class="header-nav">
				<!-- 头部版心底部导航 -->
				<div class="header-nav-left">
					<ul>
						<li><a href="" class="header-subscript">首页</a></li>
						<li><a href="" class="header-subscript">枪模主题站</a></li>
						<li><a href="" class="header-subscript">服饰时尚</a></li>
						<li><a href="" class="header-subscript">包类专区</a></li>
						<li><a href="" class="header-subscript">数码外设</a></li>
						<li><a href="" class="header-subscript">家居日用</a></li>
						<li><a href="" class="header-subscript">模型手办</a></li>
					</ul>
				</div>
				<!-- 头部全部分类 -->
				<div class="header-nav-right">
					<a href="https://mall.qq.com/cf/productlist.shtml" title="全部商品分类"
						target="_blank"><span>全部商品分类</span><i></i><!-- <i class="arr"></i> --></a>
					<!-- 二级菜单 -->
					<div class="menu">
						<div class="Secondary">
							<div class="Secondary-area">
								<ul>
									<li>
										<a href=""><img src="img/首页-穿越火线周边商城/20181009144950_33369.png">
											<p>家居日用</p>
										</a>
										<ol class="list">
											<li>背包</li>
											<li>雨伞</li>
											<li>水杯</li>
											<li>卫衣</li>
											<li>杯垫</li>
											<li>T恤</li>
											<li>饰品</li>
											<li>福袋</li>
											<li>围巾</li>
											<li>礼盒</li>
											<li>卫裤</li>
											<li>袜子</li>
											<li>发光亚克力</li>
											<li>夜灯</li>
											<li>笔记本</li>
											<li>帆布袋</li>
											<li>桌面加湿器</li>

											<li>眼罩</li>

										</ol>
									</li>
									<li>
										<a href=""><img src="img/首页-穿越火线周边商城/20181009144942_72688.png">
											<p>数码外设</p>
										</a>
										<ol class="list">
											<li>移动电源</li>
											<li>U盘</li>
											<li>鼠标垫</li>
											<li>数据线</li>
											<li>游戏手机支</li>
											<li>架</li>
											<li>无线充电器</li>
											<li>键帽</li>
											<li>个性定制手</li>
											<li>机壳</li>
											<li>三折键盘</li>
											<li>赏金令活动</li>
											<li>手机壳</li>
											<li>手机支架</li>
											<li>礼盒</li>

										</ol>
									</li>

									<li>
										<a href=""><img src="img/首页-穿越火线周边商城/20180920115156_96185.png">
											<p>服饰时尚</p>
										</a>
										<ol class="list">
											<li>服饰时尚</li>
											<li>帽子</li>
											<li>戒指</li>
										</ol>
									</li>
									<li>
										<a href=""><img src="img/首页-穿越火线周边商城/20181009144933_93325.png">
											<p>模型手办</p>
										</a>
										<ol class="list">
											<li>公仔手办</li>
											<li>枪模</li>
											<li>刀锋+白狼</li>
											<li>+枪模</li>
											<li>CF Girls</li>
											<li>单款</li>
											<li>徽章</li>
										</ol>
									</li>
									<li>
										<a href=""><img src="img/首页-穿越火线周边商城/20181009144942_72688.png">
											<p>毛绒</p>
										</a>
										<ol class="list">
											<li>毛绒玩偶</li>
											<li>毛绒挂件</li>
										</ol>
									</li>
								</ul>
							</div>
						</div>
					</div>

				</div>
			</div>


		</div>
	</div>
	<!-- 登录注册 -->
	<div class="milo_mask_yayer" style="display: none;">
		<div class="milo_login_dialog" id="qq1">

			<span class="milo_btn_inner"></span>

			<div class="milo_login_tab">
				<ul>
					<li id="one">
						<a>
							<i></i>
							<span>QQ账号登录</span>
						</a>
					</li>
					<li class="milo_list_wx">
						<a class="miol_login_wx">
							<i class="weixin"></i>
							<span>微信账号登录</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="milo_login_tips">
				<p>微信和QQ是两个独立账号，账号信息不互通</p>
			</div>

			<div class="milo_login_mid">
				<div class="milo_login_tips">
					<div class="title">账号密码登录</div>
					<div class="title_next">
						推荐使用
						<a href="">手机QQ扫码登录</a>
						, 防止盗号。
					</div>
				</div>
			</div>

			<div class="milo_login_form">
				<div class="uinArea">
					<div class="inputOuter">
						<input type="text" class="inputstyle" name="" id="" value="" placeholder="支持QQ号/邮箱/手机号登录/" />
					</div>
				</div>
				<div class="pwdArea">
					<div class="inputOuter">
						<input type="password" class="password" name="" placeholder="密码" />
					</div>
				</div>
				<div class="sunbmit">
					<a href="">
						<input type="submit" class="btn" name="" id="" value="登 录" />
					</a>
				</div>
				<div class="bottom">
					<a href="">忘了密码？</a>
					<span>|</span>
					<a href="zc.html">注册新账号</a>
					<span>|</span>
					<a href="">意见反馈</a>
					<span>|</span>

				</div>
			</div>
		</div>
		<div class="milo_login_dialog" id="wx1">

			<span class="milo_btn_inner"></span>
			</a>
			<div class="milo_login_tab">
				<ul>
					<li class="milo_list_qq">
						<a>
							<i></i>
							<span>QQ账号登录</span>
						</a>
					</li>
					<li class="milo_list_Weixin" style=" background-color:#4ab218">
						<a class="miol_login_Wx">
							<i class="weixin"></i>
							<span>微信账号登录</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="milo_login_tips">
				<p>微信和QQ是两个独立账号，账号信息不互通</p>
			</div>
			<div class="milo_login_main">
				<div class="title">微信登录</div>
				<div class="wrp_code">
					<img src="img/首页-穿越火线周边商城/jcp_gzh.jpg">
				</div>
				<div class="status_borwser">
					<p>请使用微信扫描二维码登录</p>
					<p>“聚诚品”</p>
				</div>
			</div>
		</div>
	</div>

</header>

<script src="js/jQuery.js" type="text/javascript"></script>
<script src="js/header.js" type="text/javascript"></script>
